<template>
  <div style='margin-top:200px; text-align:center;'>
    <el-button type='primary' @click='showDialog(`infoDialog`, `01`)'>Show Info Dialog</el-button>
    <el-button type='warning' @click='showDialog(`warningDialog`, `02`)'>Show Warning Dialog</el-button>
    <el-button type='danger'  @click='showDialog(`errorDialog`, `03`)'>Show ERROR Dialog</el-button>


  </div>
</template>


<script>
export default {
  methods: {
    showDialog(type, index) {
      this.$dialog.open({
        title: type,
        active: true,
        width: '30%',
        beforeClose: function(){
        
        },
        component: `components/self/temp/DialogItem${index}.vue`,
        type: type
      })
    }
  }
}
</script>
